@charset "utf-8";
/* CSS Document */



/**********banner nav************/

.p98 { padding-top: 0.98rem;}
.p98_ {padding-bottom: 0.98rem;}
.m60 {margin-top: 0.6rem;}


.u-column.u-column-jtjj {
  /* background-color: #3a3b3c; */
  padding:1rem 0px;
  background-position: center top;
  background-image: url('../images/about-bg.jpg');
  background-size: 100% auto;
  color: #333;
}

.column-title {
  background: url('../images/l-w-6.png') repeat-x 0 bottom;
  padding-bottom:0.1rem;
  padding-top: 0.6rem;margin-bottom: 0.4rem;
}
.column-title .tit-b {
  font-size: 0.32rem;
  color: #333;
  font-weight:bold;
  animation:scalevv 2s linear infinite alternate;
  -webkit-animation:scalevv 2s linear infinite alternate;
}

@-webkit-keyframes scalevv {
  0% {
    transform: translate3d(0px, -10px, 0px)}
  50% {
    transform: translate3d(0px, 0px, 0px) }
  100% {
    transform: translate3d(0px, 10px, 0px);
 }
}

.column-title .tit-s {
  font-size: 0.5rem;
  opacity: 0.2;
  color: #FFF;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
  letter-spacing: 1px;
}

.wrapper .c-main {
  width: calc(100% - 4.8rem);
  float: left;
}
.wrapper .c-num {
  width: 4.8rem;
  float: right;
}

.u-column-jtjj .c-main .column-txt {
  line-height: 2;
  min-height: 2.3rem;
  margin-bottom: 10px;
  padding-right: 1rem;font-size:0.18rem; text-align: justify;
}
.u-column-jtjj .c-main .imgbox {
  padding-top: 0.36rem;
  padding-right: 1rem;
 /* background: url(../images/about-jtjj-img-bg.png) no-repeat;*/
  background-position: 10px 0;
}
.u-column-jtjj .ry-box {
  height: 3rem;
  background: rgba(123, 78, 36, 0.6);
  text-align: center;
  padding:0.5rem 0.3rem;
}
.u-column-jtjj .ry-box .imgbox {
  overflow: hidden;
  margin-bottom: 0.3rem;
  height: 1rem;
}
.u-column-jtjj .ry-box .name {
  font-size: 0.24rem;
  margin-bottom: 0;
}
.u-column-jtjj .ry-box .h-line {
  width: 30px;
  height: 1px;
  background: #FFF;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 30px;
}
.u-column-jtjj .n-row.n-bg {
  background: url(../images/about-jtjj-img-bg.png) no-repeat -100px -100px;
}
.u-column-jtjj .n-block {
  width: 2.4rem;
  height: 2.1rem;
  background: none;
  /* border: 2px solid rgb(0 0 0 / 40%); */
  padding:0.3rem 0.2rem;
  float: left;
  position: relative;
  box-sizing: border-box;
  background: rgb(100 112 112);
}
.u-column-jtjj .n-block .t {
  font-size: 0.18rem;
  height:0.66rem;
  text-align: right;
  margin-bottom: 0.4rem;
  color: #fff;
}
.u-column-jtjj .n-block .n {
  font-size: 0.38rem;
  letter-spacing: 1px;
  color: #fff;
  margin-bottom: 0;
}
.u-column-jtjj .n-block.fr {
  float: right;
}
.u-column-jtjj .n-block.bg1 {
  background: #ccc;
  border: 2px solid #ccc;
}
.u-column-jtjj .n-block.bg2 {
  background: rgba(255, 255, 255, 0.2);
  border: none;
}
.u-column-jtjj .n-block.bg3 {
  background: rgba(198, 22, 52, 0.2);
  border: none;
}
.u-column-jtjj .n-block.bg4 {
  background: rgba(2, 173, 169, 0.6);
  border: none;
}
.u-column-jtjj .n-block.bg5 {
  background: rgba(0, 0, 0, 0.1);
  border: none;
}




.fl_l{
	position: fixed;
	z-index: 10;
	left: 10px;
	flex-flow: column nowrap;
	position: fixed;
	top: 50%;
	left: 2vw;
	transform: translateY(-50%) translateX(0px);
	transition: transform 0.4s ease-in-out 0.2s;
}
.fl_l li{position: relative; font-size:14px;line-height: 2; color: rgba(66, 86, 122, 0.5);  cursor: pointer; transition: color 0.6s ease-in-out 0s;}

.fl_l li::before {
    content: "";
    position: absolute;
    top: 0;
    left: -2.5vw;
    width: 2px;
    height: 100%;
    margin-left: 1.5625vw;
    background-color: rgba(66, 86, 122, 0.5);
    transition: width 0.3s ease 0s, margin 0.3s ease 0s, background-color 0.6s ease-in-out 0s;
}


.fl_l li.active::before {
    content: "";
    position: absolute;
    top: 0;
    width: 3.125vw;
    height: 2px;
    margin-left: 0px;
    background-color:  rgb(2, 173, 169);
    transition: width 0.3s ease 0s, margin 0.3s ease 0s, background-color 0.6s ease-in-out 0s;
    top: 0;
    left: -2.5vw;
    width: 2px;
    height: 100%;
    margin-left: 1.5625vw;
}

.fl_l li.active{
    color: rgb(2, 173, 169);
}

.fl_r .container{}	

@media (max-width: 992px){
.wrapper .c-main {
   width: 100%;
}	
.wrapper .c-num {
    max-width:4.8rem;width: 100%; display:none;
} 
.fl_l{ display:none;}
.u-column-jtjj .c-main .column-txt{ padding-right:0px;}
.u-column-jtjj .c-main .imgbox {padding-right: 0;background-position: 10px 0;}
}

/*********走向世界*****************/
.about-1 { width: 100%; overflow: hidden;background: url(../images/bg4.png) no-repeat right bottom; background-size: contain; padding:1rem 0px; }
.about-1center {width: 100%;margin: 0px auto;overflow: hidden;}
.about-1left {float: left;width: 65%;overflow: hidden;/* margin-top: 0.3rem; */}
.about-1right {float: right;width: 30%;overflow: hidden;position: relative;border-radius: 5px;padding: 0px 16px 16px 0px;}
.about-1info {float: left;width: 100%;overflow: hidden;font-size: 0.2rem;color: #495770;line-height: 1.6;}
.about-1info p {float: left;width: 100%;overflow: hidden;margin-top: 0.3rem;}


.map_box { display: flex; align-items: center; justify-content: space-between;  flex-wrap: wrap;}

.numbers { width:100%; margin-bottom:0.4rem;}
.numbers .li-01 {color: rgb(0, 40, 150); font-size: 0px; }
.numbers .li-01 span { line-height: 0.9; display: inline-block; vertical-align: bottom;font-size: 0.56rem;}
.numbers .li-01 b { display: inline-block; line-height: 18px; height: 20px; width: 20px; font-size: 12px;  text-align: center;  border-radius: 50%; border: 0px solid rgb(0, 40, 150);}
.numbers .li-02 { font-size: 15px; color: rgb(85, 85, 85); line-height: 1.66;}

.world_map{ position:relative; width: calc(100% - 40% - 20px);}
.world_map img { display: block;width: 100%;}
.world_map .map-dot {position:absolute;margin:-2px 0 0 -2px;z-index: 9;width:4px;height:4px;border-radius:50%;background: rgba(0, 40, 150, 1);animation:animation-dot1 1.54s cubic-bezier(.25,.74,.22,.99);animation-fill-mode:both;animation-iteration-count:infinite;}
.world_map .map-dot--0 {left: 38.3%;top: 49%;margin:-9px 0 0 -9px;width: 10px;height: 10px;background:rgba(255, 150, 0, 1);animation:fade-in .8s cubic-bezier(.25,.74,.22,.99);animation-delay:.5s;animation-fill-mode:both;animation-iteration-count:1;}
.world_map .map-dot--1{left: 36.6%;top: 20%;}
.world_map .map-dot--2{left: 27.5%;top: 52.5%;}
.world_map .map-dot--3{left: 34.2%;top: 55.5%;}




.world_map .map-lines {position: absolute;top: 0;right: 0;width: 100%;height: 100%; stroke: rgba(255, 150, 0, 1);fill: none; stroke-width: 0.25px;}
.world_map .map-line {stroke-dashoffset:140px;stroke-dasharray:140px;animation:animation-line1 4.5s linear;animation-fill-mode:both;animation-iteration-count:infinite}
.world_map .map-line--1 {animation-delay:2s}
.world_map .map-dot--1 {animation-delay:2.5s}
.world_map .map-line--2 {animation-delay:3s}
.world_map .map-dot--2 {animation-delay:3.5s}
.world_map .map-line--3 {animation-delay:4s}
.world_map .map-dot--3 {animation-delay:4.5s}




.world_map .dot { width: 20px; height: 20px; margin: -10px 0 0 -10px; position: absolute;}
.world_map .dot:before {content: ''; width: 100%; height: 100%; display: block;background-position: center; background-repeat: no-repeat;  background-size: contain; background-image: url(../images/icon-4.png);}
.world_map .dot span { font-size: 13px;color: #002896; line-height: 1.5;position: absolute;left: 100%; top: 0px;  padding-left: 0px; white-space: nowrap;}
.world_map .dot.beimie{left: 36.6%;top: 20%;}
.world_map .dot.jiangsu{left: 38%;top: 48%;}
.world_map .dot.ems{left: 27.5%;top: 52.5%;}
.world_map .dot.taiguo{left: 34.2%;top: 55.5%;}


@-webkit-keyframes animation-line1 {
	0% {stroke-dashoffset:140px}
	14.28571% {stroke-dashoffset:0px}
	21.42857% {stroke-dashoffset:0px}
	35.71429% {stroke-dashoffset:-140px}
	to {stroke-dashoffset:-140px}
}
@keyframes animation-line1 {
	0% {stroke-dashoffset:140px}
	14.28571% {stroke-dashoffset:0px}
	21.42857% {stroke-dashoffset:0px}
	35.71429% {stroke-dashoffset:-140px}
	to {stroke-dashoffset:-140px}
}
@-webkit-keyframes animation-dot1 {
	0% {opacity:0}
	14.28571% {opacity:1}
	26.42857% {opacity:1}
	40.71429% {opacity:0}
	to {opacity:0}
}
@keyframes animation-dot1 {
	0% {opacity:0}
	14.28571% {opacity:1}
	26.42857% {opacity:1}
	40.71429% {opacity:0}
	to {opacity:0}
}


.map_box .map { width:40%; position: relative;border: 1px #ddd dashed;}
.map_box .map img { display: block;width: 100%;}
.map_box .map .dot { width: 20px; height: 20px; margin: -10px 0 0 -10px; position: absolute;}

.map_box .map .dot.beimei{left: 65%;top: 38%;}
.map_box .map .dot.jianada{left: 41.5%;top: 65%;}
.map_box .map .dot.nanmei{left: 36%;top: 39.5%;}
.map_box .map .dot.baxi{left: 56.2%;top: 87.5%;}

.map_box .map .dot.huichang{left: 65.5%;top: 59%;}


.map_box .map .dot.xibanya{left: 41.5%; top: 27.5%;}
.map_box .map .dot.yingguo{left: 81%;top: 42%;}
.map_box .map .dot.nanfei{left: 82%;top: 21.5%;}

.map_box .map .dot:before {content: ''; width: 100%; height: 100%; display: block; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../images/icon-4.png);}
.map_box .map .dot span {font-size: 13px;color: #002896; line-height: 1.5; position: absolute; left: 100%;  top: 0px; padding-left: 0px; white-space: nowrap;}

.map_box .map .item { position: absolute; margin: -20px 0 0 -20px;}
.map_box .map .item:before {content: ''; width: 40px;height: 40px; border-radius: 50%; display: block;}
.map_box .map .item:after {content: '';width: 80px;height: 80px;  border-radius: 50%; position: absolute; opacity: 0; animation: circle-3 2s linear infinite;}
@keyframes circle-3 {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  60% {
    opacity: 1;
  }
  80%,100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.map_box .map .item:nth-of-type(1) { left: 59%; top: 84.25%;}
.map_box .map .item:nth-of-type(1):after { top: 0; right: 70%;}
.map_box .map .item:nth-of-type(1):before, .map_box .map .item:nth-of-type(1):after { background-color: rgba(94, 92, 93, 0.1);}
.map_box .map .item:nth-of-type(2) { left: 64.35%; top: 61%;}
.map_box .map .item:nth-of-type(2):after { bottom: 30%;left: 20%; animation-delay: .3s;}
.map_box .map .item:nth-of-type(2):before, .map_box .map .item:nth-of-type(2):after { background-color: rgba(108, 112, 115, 0.1);}
.map_box .map .item:nth-of-type(3) {left: 36%;top: 39.54%;}
.map_box .map .item:nth-of-type(3):after { top: 30%; left: 5%;animation-delay: .6s;}
.map_box .map .item:nth-of-type(3):before, .map_box .map .item:nth-of-type(3):after { background-color: rgba(9, 124, 37, 0.1);}	
.map_box .map .item:nth-of-type(4) { left: 71%; top: 34.94%;}
.map_box .map .item:nth-of-type(4):after { right: 40%;bottom: 20%;animation-delay: .8s;}
.map_box .map .item:nth-of-type(4):before, .map_box .map .item:nth-of-type(4):after { background-color: rgba(234, 83, 0, 0.1);}	


.map .map-dot {position:absolute;margin:-1px 0 0 -1px;z-index: 9;width:6px;height:6px;border-radius:50%;background: rgba(0, 40, 150, 1);animation:animation-dot 5.04s cubic-bezier(.25,.74,.22,.99);animation-fill-mode:both;animation-iteration-count:infinite;}
.map .map-dot--0 {left: 67%;top: 59.5%;margin:-9px 0 0 -9px;width: 12px;height: 12px;background: rgb(255, 150, 0);animation:fade-in 1.8s cubic-bezier(.25,.74,.22,.99);animation-delay:.5s;animation-fill-mode:both;animation-iteration-count:1;}



@media screen and (max-width: 769px){
.numbers {width:100%;align-items: baseline; display: flex; justify-content: space-between;  flex-wrap: wrap; margin-bottom: 0.5rem;}
.world_map { position: relative; width: 100%;}
.map_box .map {width: 100%;}
}



/********企业文化  culture**************/
.rn_about3 { background: #F8F8F8;}
.rn_about3 .box .item {width: 32%;position: relative;}
.rn_about3 .box .item .img {overflow: hidden;}
.rn_about3 .box .item .img img {width: 100%;transition: 0.4s;}
.rn_about3 .box .item .main {position: absolute;bottom: 0.9rem;left: 0;width: 100%;text-align: center;transition: 0.4s;}
.rn_about3 .box .item .main .content1 img {height: 0.8rem;}
.rn_about3 .box .item .main .content2 {font-size: 0.32rem;color: #fff;margin-top: 0.4rem;}
.rn_about3 .box .item .main .content3 {margin: 0.2rem 0;}
.rn_about3 .box .item .main .content3 span {display: inline-block;width: 0.42rem;height: 2px;background: #fff;}
.rn_about3 .box .item .main .content4 {font-size: 0.17rem;color: #fff;padding: 0 0.2rem;line-height: 1.5;}
.rn_about3 .box .item:hover .img img {transform: scale(1.1);}
.rn_about3 .box .item:hover .main {bottom: 1.12rem;}



/***********企业文化************/
.wh{background: url(../images/wh.jpg) center bottom no-repeat;background-size: cover; position:relative; overflow:hidden;}
.wh dl dt,.wh dl dd{position:relative;overflow:hidden;padding: 20% 0px; box-sizing:border-box;height:100%; float:left; width:33.33%; border-right:rgba(255,255,255,0.2) 1px solid}
.wh dl dd{ position:relative}
.wh dl dd h3{position: relative;}
.wh dl dd h3{ margin:0 auto; margin-bottom:.3rem;font-size: 24px;}
.wh dl dd h3:after{  content: "";width: 25px;height: 2px;background: #fff;display: none;margin: 15px auto;}
.wh dl dd .con{ text-align:center;position:relative;}
.wh dl dd:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;background:rgba(2,173,169,0.75);}
.wh dl dd:hover:before{ left:0; width:100%}
.wh dl dt, .wh dl dd{color: #fff;}
.wh dl dd{padding: 0;height: 700px; position:relative;}
.wh dl dd .hover{display: none;line-height: 25px;font-size: 15px;width: 95%;margin: 20px auto;text-align: left;}
.wh dl dd .con{top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0); transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear;}

.wh dl dd:hover h3:after{display: block;}
.wh dl dd:hover .hover{display: block;}
.wh dl dd:hove .con{top: 30%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);}






/*************产品中心**********************/
.other_crumb.crumb { position: relative; top: 0;left: 0px;right: 0;z-index: 9;}
.crumb {width:100%; position: relative;  overflow: hidden; height:100px;left: 0;}
.NewProduct {
  position: relative; padding:1.8rem 0px 0.8rem; background:#3a3b3c;
}
.NewProduct .box .boxLeft {
    width:20%;max-width:3.2rem;
}
.NewProduct .box .boxLeft article {
  position: -webkit-sticky;
  position: sticky;
  top: 84px;
  max-height: 84vh;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.NewProduct .box .boxLeft article .fixed_nav{}
.NewProduct .box .boxLeft article li h3 {
  display: block;
  font-size:0.32rem;  font-weight:bold;
  color: #fff; margin-bottom:30px;
  line-height: 0.64rem;padding: 0 0.15rem;animation:scalevv 2s linear infinite alternate;-webkit-animation:scalevv 2s linear infinite alternate;
  box-sizing: border-box;
}

@-webkit-keyframes scalevv {
  0% {
    transform: translate3d(0px, -10px, 0px)}
  50% {
    transform: translate3d(0px, 0px, 0px) }
  100% {
    transform: translate3d(0px, 10px, 0px);
 }
}


.NewProduct .box .boxLeft article li {

}
.NewProduct .box .boxLeft article li a { position:relative;
  display: block;
  font-size:0.17rem;
  color:rgba(255, 255, 255, 0.9);
  line-height: 0.65rem;
  box-sizing: border-box;
  padding: 0 0.15rem;border-bottom:1px solid rgba(255, 255, 255, 0.6);
}
.NewProduct .box .boxLeft article li a:after,
.NewProduct .box .boxLeft article li a:before {content:"";position:absolute;left:0;width:100%;height:1px;z-index:2;
 -webkit-backface-visibility:hidden; backface-visibility:hidden; opacity:0;
 background:linear-gradient(270deg,#404040 5%,hsla(0,0%,100%,.8) 10%,hsla(0,0%,100%,.8) 95%,#404040);}
.NewProduct .box .boxLeft article li a:after { bottom:0; transform-origin:left; transform:translateX(100%)}
.NewProduct .box .boxLeft article li a:hover:before { transition:transform .6s cubic-bezier(.67,0,.33,1);transform:translateX(100%);opacity:1;}
.NewProduct .box .boxLeft article li a:hover:after { transition:transform .6s cubic-bezier(.67,0,.33,1);transform:translateX(-100%);opacity:1;}
.NewProduct .box .boxLeft article .active a {
  color: #fff; font-weight:bold;
}
.NewProduct .box .boxLeft article::-webkit-scrollbar {
  width: 1px;
  height: 2px;
}
.NewProduct .box .boxLeft article::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: rgba(2, 173, 1695, 0.2);
}
.NewProduct .box .boxLeft article::-webkit-scrollbar-track {
  border-radius: 2px;
  background: #f9f9f9;
}

.NewProduct .box .boxRight {
  width:78%;
}


.NewProduct .box .boxRight h3{font-size:0.22rem; color:#02ada9; font-weight:bold; line-height:0.4rem; transition-duration: .5s; position:relative; padding-left:15px;    margin-bottom: 0.2rem;}
.NewProduct .box .boxRight h3:after { content: ""; display: block;width: 5px;height:100%;line-height: 1px;background-color:#02ada9;position: absolute;left: 0;top: 0;}



/*产品服务*/
.pro-cont{padding:0.4rem 0;position:relative;overflow: hidden;width: 100%;}
.pro-cont .swiper-slide {
      text-align: center;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms; padding:0px -5px;
	  transform: scale(0.9);opacity: .4;
}
.pro-cont .swiper-slide-active,.swiper-slide-duplicate-active{ transform: scale(1.05);opacity:1;}


.pro-slide{width:100%;}
.pro-cont .pro-slide img{ width:100%; border-radius:10px;}

.pro-cont .pro-slide .pro-title{color:#fff;line-height:2;padding:0;word-break:normal; font-weight:500; font-size:0.22rem;}


.scroll-other { position: relative;height:0.45rem; margin-top:0.4rem; text-align: center;}
.scroll-other .swiper-button-next { position: absolute; top: 0; right: 0; width: 0.66rem; height: 0.45rem; background: url("/i/images/img-next.png") no-repeat;background-size: cover; margin-top: 0; color: #fff; z-index: 99; transition: all 0.5s; opacity: 1;}
.scroll-other .swiper-button-next:hover { background: url("/i/images/img-next-h.png") no-repeat;background-size: cover;}
.scroll-other .swiper-button-next:after { display: none;}
.scroll-other .swiper-button-prev { position: absolute; top: 0; left: auto; right:0.7rem; width:0.66rem; height: 0.45rem; background: url("/i/images/img-prev.png") no-repeat;background-size: cover;  margin-top: 0; color: #fff; transition: all 0.5s; opacity: 1; z-index:9;}
.scroll-other .swiper-button-prev:hover { background: url("/i/images/img-prev-h.png") no-repeat;background-size: cover;}
.scroll-other .swiper-button-prev:after { display: none;}

.pro-cont .slideshow-navigation-button.swiper-button-next{right:0}
.pro-cont .slideshow-navigation-button.swiper-button-prev{left:0}
.pro-cont:hover .slideshow-navigation-button{opacity:1}

@media screen and (max-width: 767px){
.NewProduct {
  position: relative; padding:0.5rem 0px 0.8rem; background:#3a3b3c;
}	
	
.NewProduct .box .boxLeft {
    width: 100%; display:none;
    max-width: 3.5rem; margin-bottom:20px;
}
.NewProduct .box .boxRight {
    width: 100%;
}
}
/*****详细页*****/  
.news-art-main{background: #f9f9f90f;margin:0px auto;padding: 3%;}
.art-tit h4{text-align: center;font-size:20px;font-weight: normal;line-height: 36px;padding-bottom: 20px;color: #fff;}
.art-tit h5{text-align: center;font-size: 12px;font-weight: normal;line-height: 38px;color: #888;border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.art-tit h5 span{display: inline-block;width: 300px;}
.art-main{padding-top: 30px;padding-bottom: 40px;font-size: 16px;line-height:1.8;color: #fff;}
.art-main p{text-indent: 2em;font-size: 16px;line-height:1.8;color: #fff;}
.art-main img{ max-width:100%;}
.art-main  p img{ max-width:100%; margin-left:-2em;}


.art-back li{font-size: 14px;}
.art-footer-last{border-top: 1px solid #e2e2e2;padding-top: 6px;line-height: 30px;color: #fff;}
.art-footer-next{border-bottom: 1px solid #e2e2e2;padding-bottom: 6px;line-height: 30px;color: #fff;}
.art-footer-last a,.art-footer-next a {line-height: 30px;color: #fff;}
.art-footer-last a:hover,.art-footer-next a:hover {color:#a59380;}

/***********在线留言***************/
.contact-s2 { position:relative; padding:1rem 0;}
.contact-s2 .index_title{ text-align:center;}
.contact-s2 .index_title p { color: #999999; font-size: 0.18rem;line-height:1.6; margin-top: 5px;}
.contact-s2 form {margin-top: 3.125vw;display: flex;justify-content: space-between; flex-wrap: wrap;}
.contact-s2 .box {width: calc((100% - 100px) / 3); margin-right: 50px; margin-bottom: 40px;}
.contact-s2 .box:last-of-type {width: 100%;}
.contact-s2 .box:nth-of-type(3n), .contact-s2 .box:last-of-type { margin-right: 0;}

.contact-s2 .box span {font-size: 18px; color: #333333;}
.contact-s2 .box .txt {margin-top: 10px;position: relative; background-color: #fff; border: 1px solid transparent; box-shadow: 0 0 50px rgb(8 27 60 / 10%);border-radius: 20px;overflow: hidden;}
.contact-s2 .box i {width: 24px;height: 24px;position: absolute;left: 25px;top: 23px;background-position: center;background-repeat: no-repeat;filter: grayscale(1);}
.contact-s2 .box:nth-of-type(1) i { background-image: url(../images/icon-4-1.png);}
.contact-s2 .box:nth-of-type(2) i {background-image: url(../images/icon-4-2.png);}
.contact-s2 .box:nth-of-type(3) i { background-image: url(../images/icon-4-3.png);}
.contact-s2 .box:nth-of-type(4) i {background-image: url(../images/icon-4-4.png);}
.contact-s2 .box input, .contact-s2 .box textarea { width: 100%;font-size:0.18rem;  color: #bbbbbb;outline: none;border: none;}
.contact-s2 .box input {height: 70px;padding: 0 20px 0 60px;}
.contact-s2 .box textarea {height: 3rem;padding: 22px 60px; resize: none;}
.contact-s2 .box p {font-size: 14px;color: #bbbbbb; position: absolute;bottom: 30px; left: 24px; right: 24px;}
.contact-s2 .button { display: block;width: 240px;height: 60px;background-color: #23b9b7; font-size: 18px;color: #fff; margin: 0 auto; cursor: pointer;border-radius: 2em 0 2em 0; border: none;}
.contact-s2 .button:hover { background-color: #020909;}


@media screen and (max-width: 768px){
.contact-s2 .box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
}
}

/*********人才招聘***********/
.join_four{width:100%;position: relative; margin:30px 0px;}
.join_four .slide-item{position:relative;width:100%;text-align:center;cursor:pointer}
.join_four .slide-item .item-bg{width:100%;height:100%}
.join_four .slide-item .bg{position: absolute; width: 100%;height: 100%; left: 0;top: 0; background: #a6a9b0;mix-blend-mode: multiply;}
.join_four .mask{position:absolute; width:100%; text-align:center;left:0;right:0;top:0;bottom:0;}
.join_four .mask .content{position:absolute;left:0;right:0;top:40%;bottom:0;transition:all .4s cubic-bezier(.4,0,.2,1)}
.join_four .mask .content .item-title{color:#fff;font-size: 20px;line-height:1;transition:all .4s cubic-bezier(.4,0,.2,1);}
.join_four .mask .content .line-panel{font-size:0;line-height:0;margin-top: 0.2rem;transition:all .4s cubic-bezier(.4,0,.2,1);}
.join_four .mask .content .line-panel .item-line{width:20px;height:2px;background: #02afad;display:inline-block;transition:all .4s cubic-bezier(.4,0,.2,1);}
.join_four .mask .content .item-icon{ width:100%; max-width:38px; margin-top:15px;}
.join_four .swiper-button-next{ display:none;}
.join_four .swiper-button-prev{ display:none;}



.inner_w .title{line-height:1.5;font-size:0.26rem;font-weight:bold;margin:0.6rem 0 0; color:#fff;animation:scalevv 2s linear infinite alternate;-webkit-animation:scalevv 2s linear infinite alternate;}
.inner_w .title i.layui-icon{font-size:0.26rem;color:#02ada9;margin-right:0.15rem;}
@-webkit-keyframes scalevv {
  0% {
    transform: translate3d(0px, -10px, 0px)}
  50% {
    transform: translate3d(0px, 0px, 0px) }
  100% {
    transform: translate3d(0px, 10px, 0px);
 }
}

.page_info .inner{padding:30px 0;font-size:14px;line-height:30px}
.page_info .inner h3{margin-bottom:20px}

.job_side{width:4rem;float:left}
.job_side img{width:100%;}
.job_list_w{width:calc( 100% - 4.5rem);float:right}
.list_job .table{border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;width: 100%;}
.list_job .table thead tr{background: #02ada9;}
.list_job .table thead tr th{text-align:center;color:#fff;font-weight:normal;font-size: 0.18rem;border-bottom:none;padding: 0.16rem;width: 25%;}
.list_job .table tbody tr td{text-align:center;/* color:#fff; */font-weight:lighter;font-size: 0.18rem;padding:0.16rem;height:34px;line-height:34px;}
.list_job .table tbody tr td a{display:inline-block;color: #02ada9;width:86px;height:34px;line-height:34px;text-align:center;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;font-size: 14px;transform: skew(-30deg); margin:5px;border: 1px solid #02ada9;}
.list_job .table tbody tr td a:hover{background:#02ada9; color:#fff;}

/*内页 联系方式*/
form input, form select, form textarea {
  background: none;
  border: 0;
  width: 100%;
}
.pc_contact{ position:relative;/* background:#3a3b3c;*/ padding:1.5rem 0px 1rem;}
.pc_contact .container{ max-width:1200px;width: 92%; margin: 0 auto;}
.pc_contact-box {  display: flex;}
.pc_contact-lf {  width: 50%;}
.pc_contact-lf .pwr-sec__title-intro{font-size: 0.32rem; color:#333;font-weight:bold;margin-bottom:0.4rem; margin-top:0.3rem;display: block;animation:scalevv 2s linear infinite alternate;-webkit-animation:scalevv 2s linear infinite alternate;
}

@-webkit-keyframes scalevv {
  0% {
    transform: translate3d(0px, -10px, 0px)}
  50% {
    transform: translate3d(0px, 0px, 0px) }
  100% {
    transform: translate3d(0px, 10px, 0px);
 }
}

.pc_contact-lf h2{font-size:0.3rem;color:#333;line-height: 1.5; font-weight:normal;margin-bottom: 30px;}

.pc_contact-lf .pwr-rich-text p{font-size: 0.18rem;color:#333;font-weight:bold;margin-bottom: 15px;display: block;}

.pc_contact-lf h6 {font-size: 0.18rem;font-weight:normal;line-height:1.5;margin-bottom: 5px;color:#333;}
.pc_contact-lf h3 {font-size: 0.18rem;font-weight:normal;line-height:1.5;color:#333;}

.pc_contact-lf span a{color:#333;}

.pc_contact-rf {margin-left: 4%;width: 40%;}
.pc_contact-form{background-color:#444444; color:#fff;border-radius: 5px;padding:0.4rem 0.3rem;}
	
	
	
.layui-form {display: flex;justify-content: space-between; flex-wrap: wrap;}
.pc_contact-form .box {width: calc((100% - 20px) / 2);margin-right: 20px;margin-bottom: 35px;}

.pc_contact-form .box:nth-of-type(5) {width: 100%;}
.pc_contact-form .box:last-of-type {width: 100%;}
.pc_contact-form .box:nth-of-type(2n), .pc_contact-form .box:nth-of-type(7),.pc_contact-form .box:last-of-type { margin-right: 0;}


.pc_contact-form .box span {font-size: 0.18rem;color: #fff;}
.pc_contact-form .box .txt {margin-top:5px;position: relative;background: none;border-bottom: 1px solid #fff;overflow: hidden;}
.pc_contact-form .box i { display:none;width: 20px;height: 20px;position: absolute;left:5px;top: 10px;background-position: center;background-repeat: no-repeat;filter: grayscale(1);}
.pc_contact-form .box:nth-of-type(1) i { background-image: url(../images/icon-4-1.png);}
.pc_contact-form .box:nth-of-type(2) i {background-image: url(../images/icon-4-2.png);}
.pc_contact-form .box:nth-of-type(3) i { background-image: url(../images/icon-4-3.png);}
.pc_contact-form .box:nth-of-type(4) i {background-image: url(../images/icon-4-4.png);}
.pc_contact-form .box input, .pc_contact-form .box textarea { width: 100%;font-size:14px;  color: #fff;}
.pc_contact-form .box input {height: 40px;padding: 0 20px 0 0px;}
.pc_contact-form .box textarea {height: 1.1rem; resize: none;}
.pc_contact-form p {font-size: 0.18rem;color: #bbbbbb;}
.pc_contact-form .button {display: block;width:100%;height: 50px; padding:0px;background: #02ada9;font-size: 14px;color: #fff;margin: 0 auto; margin-top:30px;cursor: pointer;border-radius: 2em 0 2em 0;border: none;}
.pc_contact-form .button:hover { background-color: #555;}
	

/********分页*********/
.text-center {text-align: center; border-top: 1px solid #ddd;}
.pagination{display: inline-block; padding-left: 0; margin:20px 0px 20px; border-radius: 4px; font-size: 12px;}
.pagination > li{display: inline;}
.pagination > li > a,
.pagination > li > span{position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #4d4d4d; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span{margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{z-index: 3; color: #000; background-color: #eee; border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{z-index: 2; color: #fff; cursor: default; background-color: #02afad; border-color: #02afad;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}



.case_list{ width:100%;}
.case_list .item{ padding:0px 10px; border-top: 1px solid #eee;}
.case_list a {font-family: 'fang';line-height: 0.82rem;align-items: center;}
.case_list a .left {font-size: 0.24rem;color: #000;width: calc(50% - 35px); -webkit-transition: 0.4s; -o-transition: 0.4s;transition: 0.4s;}
.case_list a .center { font-family: 'gilroy_Medium';font-size: 0.20rem; width:  calc(50% - 35px);color: #000; line-height:2;}
.case_list a .right { width: 70px;	 font-size: 0.2rem;color: #000; text-align:center;}
.case_list a:hover .left {color: #02afad;}
.fengxiang > p {
  font-size: 0.2rem;   
  line-height: 0.48rem;
  margin-right: 0.4rem;
}    






@media screen and (max-width: 1366px){
.rn_banner .box h5 {
    font-size: 0.4rem;
}
}
@media screen and (max-width: 1024px){
.rn_banner .img img {
    height: auto;
}
.rn_title .box .boxleft ul li {
    margin-right:0.56rem;
}
.rn_about > .box .boxLeft {
    width: 100%; 
}
.rn_about > .box .boxRight {  
    width: 100%;  
    margin-top: 0.3rem;
}        
.rn_about5 .box .boxLeft {
    width: 100%;
}
.rn_about5 .box .boxRight {
    width: 100%;
    margin-top: 0.5rem;
}
.News_container .box-top a .boxLeft {
    width: 100%;
    padding:0.5rem;
}
.News_container .box-top a .boxRight {
    width: 100%;
}
}

@media screen and (max-width: 992px){
.job_side{width:4rem;float:left; display:none;}
.job_side img{width:100%;}
.job_list_w{width:100%;float:right}

.pc_contact-rf {
    margin-left: 2%;
    width:55%;
}

}

@media screen and (max-width: 669px){
.rn_banner .img img {
    height: 3.2rem;
}
.rn_title .box .boxleft {
    overflow: auto;
}
.rn_title .box .boxleft ul {
    white-space: nowrap;
    flex-wrap: nowrap;
}
.rn_title .box .boxleft ul li {
    width: 25%;
}
.about-1left {
    float: left;
    width: 100%;
    overflow: hidden;
}
.about-1right {
    float: right;
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    padding: 16px 0px;
}

.rn_about3 .box .item {
    width: 100%;margin-bottom:0.2rem;
}
.rn_about3 .box .item .img img {
    height: 5rem;
    object-fit: cover;
}

.rn_about3 .box .item .main {
    position: absolute;
    bottom: 0.3rem;
    left: 0;
    width: 100%;
    text-align: center;
    transition: 0.4s;
}

.List .item {
    width: 100%;
    margin-bottom: 0.48rem;
}
.List .item:not(:nth-child(3n)) {
    margin-right: 0%;
}

.pc_contact-rf {
    margin-left: 0%;
    width:100%;
}
 .wh dl dt, .wh dl dd{ width:100%;border-right: none;border-bottom: rgba(255,255,255,0.2) 1px solid;}    
.wh dl dd {
    height: auto; padding:0.4rem 0px;
    position: relative;
}	 
.wh dl dd:nth-child(3) {
    height: auto;
    position: relative;
}	 
.wh dl dd .hover {
     display: block;
    line-height: 25px;
    font-size: 15px;
    width: 95%;
    margin: 20px auto;
    text-align: left;
}	 
.wh dl dd .con{top: 0;left: 0;transform: translate3d(0%,0%,0);-webkit-transform: translate3d(0%,0%,0);transition: all 0.3s linear;-moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;}
	 
	 
}

/*******aotelai***********/

.n_atl_bg{ position:relative; padding:0.8rem 0px; background-color: #3a3b3c;}

.n_atl_box{display: flex; justify-content: space-between;column-gap: 50px; align-items: center;}
.n_atl_lf {flex: 1;}
.n_atl_lf .headline { font-size: 0.32rem; color: #FFF; font-weight: bold; animation: scalevv 2s linear infinite alternate;-webkit-animation: scalevv 2s linear infinite alternate;}
.n_atl_lf .wysiwyg p {  margin: 15px 0px;font-size: 0.18rem;line-height: 1.5;color: #FFF;}

.n_atl_rf{max-width: 780px;flex: 1;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.n_atl_rf:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background: rgba(0, 0, 0, 0.4);
}

.n_atl_rf .btn-video{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    -webkit-transform: translate3d(-50%,-50%,0);
    color: #fff;
    cursor: pointer;
    font-size: var(--size-18);
}
.n_atl_rf .icon-video{
    background: url("../images/icon-video-play.png") no-repeat center;
    width: 80px;
    height: 80px;
    margin: 1.05vw 0;
    display: inline-block;
    position: relative;
}

.n_atl_rf .icon-video::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all .65s ease;
    -webkit-transition: all .65s ease;
    background: url("../images/icon-video-bg.png") no-repeat center;
    background-size: cover;
}

.n_atl_rf img{
    transition: all .7s ease; max-width:100%;
}

.n_atl_rf:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);

}

.n_atl_rf .icon-video:hover::after{
    transform: rotate(40deg);
    -webkit-transform: rotate(40deg);

}
.video-wrap{
    display: none;
}
.video-wrap .bg,
.video-wrap{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}

.video-wrap .bg{
    background: rgba(0, 0, 0, .5);
    z-index: 2;
}

.video-wrap video{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 100;
    transform: translate3d(-50%,-50%,0);
    -webkit-transform: translate3d(-50%,-50%,0);
    max-height: 80vh;
    max-width: 75vw;
}
.video-wrap .btn-close{
    position: absolute;
    right: 24px;
    top: 30px;
    z-index: 100;
    cursor: pointer;
}   

.video-wrap .btn-close .layui-icon{
    font-size: 24px;
    background: #fff;
    border-radius: 50%;
    color: #000;
    padding: 8px;
    font-weight: bold;
    border: 0;
    transition: all .35s ease;
    -webkit-transition: all .35s ease;
}

.video-wrap .btn-close:hover .layui-icon{
    color: #082da5;
    box-shadow: 0 0 10px rgba(255, 255, 255, .7)
}



.about-2 {
    width: 100%;
    overflow: hidden;
    background: url(../images/about-5.jpg) no-repeat;
    background-size: cover;
    padding:0.8rem 0px;
}
.about-2head {
    width: 100%;
    overflow: hidden;
}
.about-2head .h3 {
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 36px;
    color: #12294f;
}
.about-2head p {
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    color: #88898d;
    margin-top: 6px;
}
.ddjcp_box{ margin-top:50px; padding-bottom:40px;}
.ddjcp_box .ddjcp_img{ background:#fff;}
.ddjcp_box .ddjcp_img img{ width:100%;}

.ddjcp_box .ddjcp_tit{  background:#208885;text-align:center; color:#fff; padding:10px 0px;}
.ddjcp_box .ddjcp_tit h3{ font-size:18px; line-height:1.5;}
.ddjcp_box .ddjcp_tit p{ font-size:14px;}

.about-3 {
    width: 100%;
    overflow: hidden;
    background:#3a3b3c;
    background-size: cover;
    padding:0.8rem 0px;
}
.about-3 .h3 {
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 36px;
    color: #fff;
}




/***********视频***************/
.n_video_bg{position:relative; padding:0.8rem 0px 0.8rem;}
.n_video_box{ margin-top:0.5rem;}
.dsNone{display:none}
.dsBlock{display:block}
.hmc7item{ width:25%; margin-bottom:25px;}
.hmc7aBox{display: block;padding:0 5px;}
.hmc7aBox.scaleImg .overflowHide { height: 310px; overflow: hidden;position: relative;z-index: 0;}
.hmc7aBox.scaleImg .overflowHide:before{content:""; width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0; z-index:2;}
.hmc7aBox.scaleImg .overflowHide i{ height: 80px; width: 80px; position: absolute; z-index: 3; transform: translate(-50%,-50%); top: 50%; left: 50%; background: url(../images/paly_i0.png) no-repeat center center; }
.hmc7aBox.scaleImg .overflowHide i:before{ content: ""; background: url(../images/paly_i1.png) no-repeat center center; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px;  }
.hmc7aBox.scaleImg .overflowHide i:after{ content: ""; background: url(../images/paly_i2.png) no-repeat center center; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px;}
.hmc7aBox.scaleImg:hover .overflowHide i:before{animation: rotate 1.8s linear infinite; }
.hmc7aBox.scaleImg:hover .overflowHide i:after{animation: rotate2 1.8s linear infinite;}
.hmc7aBox.scaleImg .overflowHide strong{ position:absolute; width:100%; left:0; bottom:0; text-align:center;color:#fff; font-size:16px; line-height:2;z-index:4;}

.scaleImg .bgImg{transition:all 0.5s ease-in-out;position:absolute;height:100%;width:100%;left:0;top:0}
.scaleImg:hover .bgImg{transform:scale(1.1);}
.scaleImg img{transition:all 0.5s ease;width: 100%;object-fit: cover;height: 100%;}
.scaleImg:hover img{ transform:scale(1.1);}
.scaleImg:hover img.iOpacity,.scaleImg:hover img.noScaleImg{ transform:scale(1);}
.mvlayerBg{ height: 100%; width: 100%; position: fixed; z-index: 82; left: 0px; top: 0px; right: 0px; bottom: 0px; background:rgba(0,0,0,0.8); }
.mvLayer {  width: 100%; transform:translateY(-50%); position: fixed; z-index: 85; left: 0px; top: 50%; }
.mvClose { background: url(../images/m2mvClose.png) no-repeat; height: 38px; width: 38px; position: absolute; top: -38px; right: 0; cursor: pointer; z-index: 5; }
.m2mvBox { width: 66%; height: 706px; position: relative; background: #000; margin:0 auto; }
@media screen and (max-width: 669px){
.n_atl_box{display: flex;justify-content: space-between;column-gap: 50px;align-items: center;flex-wrap: wrap;}
.n_atl_lf {flex: auto;}
}